Skip to content

Technical review: Document CSS if() function #39516

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open

Technical review: Document CSS if() function #39516

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
da63ef3
Document CSS if() function
chrisdavidmills May 14, 2025
a78075c
Finish if() reference page
chrisdavidmills May 15, 2025
0ba55cf
Add if() to index pages
chrisdavidmills May 15, 2025
c37011b
Merge branch 'main' into css-if
chrisdavidmills May 15, 2025
16e6fa6
Merge branch 'main' into css-if
chrisdavidmills May 21, 2025
c2e83c0
Fixes for andruud review comments
chrisdavidmills May 21, 2025
417b198
Merge branch 'css-if' of github.com:chrisdavidmills/content into css-if
chrisdavidmills May 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions files/en-us/web/css/css_values_and_units/css_value_functions/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -281,6 +281,8 @@ The following functions are used as a value of properties to reference a value d
- : Uses the attributes defined on HTML element.
- {{CSSxRef("env", "env()")}}
- : Uses the user-agent defined as environment variable.
- {{CSSxRef("if", "if()")}}
- : Conditionally sets a property value depending on the result of a [style query](/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries#container_style_queries), [media query](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries), or [feature query](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries).
- {{cssxref("url_function", "url()")}}
- : Uses a file from the specified URL.
- {{CSSxRef("var", "var()")}}
Expand Down
3 changes: 2 additions & 1 deletion files/en-us/web/css/css_values_and_units/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ Every CSS declaration consists of a property/value pair. The value can take vari
- {{cssxref("exp()")}}
- {{cssxref("hypot()")}}
- {{cssxref("ident()")}}
- {{cssxref("if()")}}
- {{cssxref("inherit()")}}
- {{cssxref("log()")}}
- {{cssxref("max()")}}
Expand All @@ -47,7 +48,7 @@ Every CSS declaration consists of a property/value pair. The value can take vari
- {{cssxref("tan()")}}
- {{cssxref("url()")}}

Additional functions, including `calc-mix()`, `crossorigin()`, `first-valid()`, `if()`, `integrity()`, `progress()`, `random()`, `random-item()`, `referrerpolicy()`, `sibling-count()`, `sibling-index()`, `src()`, `type()`, and `toggle()`, are defined in the specifications, but not yet implemented in browsers.
Additional functions, including `calc-mix()`, `crossorigin()`, `first-valid()`, `integrity()`, `progress()`, `random()`, `random-item()`, `referrerpolicy()`, `sibling-count()`, `sibling-index()`, `src()`, `type()`, and `toggle()`, are defined in the specifications, but not yet implemented in browsers.

### Data types

Expand Down
Loading